<template>
  <div class="MeasuresDetail height100 width100">
    <div class="flex location-wrap">
        <span class="white">当前位置：</span>
      <el-breadcrumb separator="/">
        <el-breadcrumb-item :to="{ path: '/EWManagement' }">预警管理</el-breadcrumb-item>
        <el-breadcrumb-item :to="{ path: '/MeasuresList' }">预警措施</el-breadcrumb-item>
        <el-breadcrumb-item>预警措施反馈</el-breadcrumb-item>
      </el-breadcrumb>
    </div>
    <div class="NoticeDetail-center flexBetween">
      <TimeLine :activities="activities" />
      <div class="NoticeDetails-add">
        <div class="NoticeDetails-add-top flexBetween">
          <div>
            <el-row>
              <el-button size="small">预警信息</el-button>
              <el-button size="small">预警通知单</el-button>
              <el-button size="small" @click="toMeasures">预警措施</el-button>
              <el-button type="primary" size="small">预警日报</el-button>
            </el-row>
          </div>
          <div>
            <el-row>
              <el-button size="small" @click="AddFh">返回</el-button>
            </el-row>
          </div>
        </div>
        <div class="NoticeDetails-add-forms">
          <div class="NoticeDetails-add-title">
            国网湖北电力随州地区暴雨黄色预警通知
            <div style="font-size:28px">（第8期）</div>
          </div>
          <div class="flexBetween name_time">
            <span>国网湖北省电力有限公司应急值班室</span>
            <span>2022-08-11 17:40:40</span>
          </div>
          <div class="redLine"></div>
          <div class="daily_content">
            <div class="daily_title black fontSize16 fontWeight margin10-0">一、随州市暴雨黄色预警事件（风险）情况：</div>
            <div class="daily-gy">
              <div class="daily-gys">1.当前情况和发展趋势：</div>
              <textarea disabled>
                据湖北省重大气象信息专报([2021]第18期)预报，未来两天，随州市以分散性阵雨为主，局部有大雨或暴雨，11日至12日为最强降水时段，随县，广水市等地有大到暴雨、局部暴雨，其他地区中到大雨、局部暴雨。过程期间累计降雨量一般40-80毫米，局部150-250毫米，期间，短时强降雨、雷电大风等强对流天气多发，最大小时雨强40-90毫米，短时大风风力可达8-11级。
              </textarea>
            </div>
            <div class="daily-gy">
              <div class="daily-gys">2.已造成的影响情况：</div>
              <textarea disabled>
                因不可抗力因素造成局部随州电网出现电力供应中断的情况。为防止次生灾害发生，出于主动避险的目的，公司先后停运4座35千伏变电站和5条35千伏线路。恶劣天气还造成24条10千伏线路停运，1096个配电台区、68610户用户停电。
              </textarea>
            </div>
            <div class="daily_title black fontSize16 fontWeight margin10-0">二、随州市暴雨黄色预警事件预警响应情况：</div>
            <div class="daily-gy">
              <div class="daily-gys">1.公司预警响应组织情况：</div>
              <textarea disabled>
                据湖北省重大气象信息专报([2021]第18期)预报，未来两天，随州市以分散性阵雨为主，局部有大雨或暴雨，11日至12日为最强降水时段，随县，广水市等地有大到暴雨、局部暴雨，其他地区中到大雨、局部暴雨。过程期间累计降雨量一般40-80毫米，局部150-250毫米，期间，短时强降雨、雷电大风等强对流天气多发，最大小时雨强40-90毫米，短时大风风力可达8-11级。
              </textarea>
            </div>
            <div class="daily-gy">
              <div class="daily-gys">2.相关单位预警响应行动情况：</div>
              <textarea disabled>
               设备部：加强对重要输电通道、重要变电站、35kV及以上属地化线路供电设备巡视和监测。做好设备隐患排查治理。提前清理输电通道及变电站周边可能影响线路安全的树竹、广告标牌、易漂浮物。
                调控中心：加强调度运行管理。地、县两级调度机构要合理安排运行方式，做好各种运行方式情况下的事故预想，防止电网事件。
                配电部：加强配网设备运维运维巡视。对开闭所、配电室开展1次专项特巡，重点加强配电站房通风、照明、消防设施检查。
                营销部：密切跟踪获取高危及重要客户和居民用户供电、停电信息，组织开展客户优质服务和应急供电准备。
                物资部：负责清理应急物资库存情况，根据事态发展做好物资调配，配送准备工作。
              </textarea>
            </div>
            <div class="daily_title black fontSize16 fontWeight margin10-0">三、各单位响应情况：</div>
            <textarea disabled>
              设备部：8月11日上午，梅林变电站收到下发的预警措施，于11日下午组织工作人员组织工作人员加强对变电站的巡视和检查，提前清理输电通道及变电站周边可能影响线路树竹、易漂浮物.
              配电部：8月11上午柳林供电所收到下发的预警措施，于11日下午组织工作人员组织工作人员对所辖范围内的线路巡视和检查
              营销部：8月11日上午随县供电公司营销部收到下发的预警措施，并于11日下午安排工作人员密切跟踪获取重要客户和居民用户供电、停电信息
              物资部：8月11日上午随州市供电公司物资部收到下发的预警措施，并于11日下午安排工作人员组织清理仓库应急物资信息，准备及时收集应急物资需求信息，确保物资配送及时到位
            </textarea>
            <div class="daily_title black fontSize16 fontWeight margin10-0">四、下一步工作安排：</div>
            <textarea disabled>
              针对本次暴雨黄色预警事件，省公司将主动对接各级气象部门，将各单位及专业部门人员纳入预警直报范畴；加强预警期间及迎峰度夏应急值守工作，进一步强化突发事件信息报送；按区域配备卫星通信设备，积极申报项目配置应急卫星通信车等相关设备。
            </textarea>
            <div class="daily_title black fontSize16 fontWeight margin10-0">五、工作建议：</div>
            <textarea disabled>
            </textarea>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import TimeLine from "@/components/component/timeLine.vue";
export default {
  name: "MeasuresDetail",
  components: {
    TimeLine
  },
  data() {
    return {
      isShow: false,
      stateType: this.$route.params.indexs,
      activities: [
        {
          content: "预警信息新增",
          timestamp: "2022-09-1 18:00:00"
        },
        {
          content: "预警研判",
          timestamp: "2022-09-2 18:00:00"
        },
        {
          content: "预警通知单新增",
          timestamp: "2022-09-2 20:00:00"
        },

        {
          content: "预警通知单审批",
          timestamp: "2022-09-5 18:00:00"
        },
        {
          content: "预警通知单发布",
          timestamp: "2022-09-5 20:00:00"
        },
        {
          content: "措施反馈",
          timestamp: "2022-09-5 21:00:00"
        },
        {
          content: "措施落实",
          timestamp: "2022-09-5 22:00:00"
        },
        {
          content: "预警日报生成",
          timestamp: "2022-09-5 22:00:00"
        }
      ]
    };
  },
  methods: {
    toMeasures() {
      this.$router.push({ name: "MeasuresDetail" });
    },
    AddFh() {
      this.$router.go(-1);
    },
    showImage() {
      this.isShow = true;
    },
    hideImage() {
      this.isShow = false;
    }
  }
};
</script>

<style scoped lang="less">
:deep(.el-breadcrumb__inner.is-link) {
  font-weight: 100;
  color: #fff;
}
:deep(.el-breadcrumb__item:last-child .el-breadcrumb__inner) {
  color: #3270ff;
}
:deep(.el-breadcrumb) {
  font-size: 16px;
  line-height: initial;
}
.NoticeDetail-center {
  width: 100%;
  height: 100%;
  margin-top: 10px;
  .NoticeDetails-add {
    width: 83%;
    background-color: #fff;
    border-radius: 5px;
    .NoticeDetails-add-top {
      margin: 10px 20px;
      padding-bottom: 20px;
      border-bottom: solid 2px #f4f4f4;
      display: flex;
    }
    .NoticeDetails-add-forms {
      width: 100%;
      height: 88%;
      overflow-y: auto;
      position: relative;
      .NoticeDetails-add-title {
        text-align: center;
        padding: 10px;
        line-height: 45px;
        font-size: 45px;
        color: #000;
        background-color: #f4f4f4;
      }
      .name_time {
        width: 80%;
        margin: 10px auto 5px;
      }
      .redLine {
        width: 90%;
        margin: auto;
        height: 2px;
        background-color: #d9001b;
      }
      .daily_content {
        width: 70%;
        margin: auto;
        .daily-gy {
          width: 100%;
          margin: 0 auto;
          display: flex;
          font-size: 16px;
          margin-top: 10px;
          .daily-gys {
            width: 8%;
            padding: 20px 5px;
          }
        }
        textarea {
          min-height: 100px;
          width: 100%;
          font-size: 16px;
          color: #7f7f7f;
          resize: none;
        }
      }
    }
  }
}
</style>
